<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--    引入本地的vue.js文件-->
    <script src="../js/vue.js"></script>
</head>
<body>

<div id="app">
    <h1>hello world</h1>
    <div>
        <span>{{info.toUpperCase()}}</span>
        <span>{{age + 10}}</span>
        <span>{{age > 18}}</span>
        <span>{{flag && false}}</span>
        <span>{{flag ? "hello" : "world"}}</span>
    </div>
</div>

<script>
    let vm = new Vue({
        el: '#app',
        data: {
            info: "hello vue",
            age: 20,
            flag: false
        },
    })
    // vm.$mount('#app')  可以使用el 配置项替换
</script>
</body>
</html>